<gm:page title="Objet Element Html avec hr" authenticate="false">
 
  
     <!-- hr (objet élément HTML)
     Référence HTML pour les éléments: voir  Élément: hr
     accéder aux objets éléments HTML voir  Objets éléments HTML: 
     généralités sur l'utilisation
 
     Les éléments HTML < hr> ont en tant qu'objet du modèle DOM des  
     Propriétés universelles pour l'accès des langages script ainsi que 
     leurs propres propriétés qui sont les suivantes.
 
     Propriété  État              Signification 
     align      Lecture/Ecriture  Alignement de la ligne de séparation 
     noShade    Lecture/Ecriture  Ligne séparation plate sans effet relief 
     size       Lecture/Ecriture  Épaisseur de la ligne de séparation 
     width      Lecture/Ecriture  Longueur de la ligne de séparation
  
     L'exemple ci-dessous contient une ligne de séparation d'une épaisseur
     3 (size="3"). L'élément "hr" contient un  gestionnaire d'événement 
     "onClick". En cliquant sur la ligne de séparation, la  fonction 
     JavaScript "epaissis()", notée dans l'entête de fichier est appelée. 
     Cette fonction augmente la valeur de la variable epaisseur de sa 
     valeur et accède ensuite avec "document.getElementById("Linie")" à 
     l'élément "hr", pour donner à sa propriété "size" la nouvelle valeur 
     de epaisseur. La ligne devient donc sensiblement plus épaisse à chaque
     clic de souris. -->
 
 
     <!-- Déclaration fonction -->
     <HEAD>   
  
     <script language="JavaScript" type="text/javascript">
     <!--
     var epaisseur = 3;
     function epaissis() { 
      epaisseur += epaisseur; 
      document.getElementById("Linie").size = epaisseur;
     }
     //-->
     </script>  
                        
     </HEAD>
 
     <!-- Appel fonction -->
     <BODY> 
  
     <hr id="Linie" noshade="noshade" size="3" onClick="epaissis()">   
             
     </BODY>
 
</gm:page>




